import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:provide/provide.dart';
import '../provide/currentIndex.dart';
import 'home_page.dart';
import 'cart_page.dart';
import 'category_page.dart';
import 'member_page.dart';



class IndexPage extends StatelessWidget {
  final List<BottomNavigationBarItem> bottomTabs = [
    BottomNavigationBarItem(
        icon: Icon(CupertinoIcons.home),
        title: Text("首页")
    ),
    BottomNavigationBarItem(
        icon: Icon(CupertinoIcons.search),
        title: Text("分类")
    ),
    BottomNavigationBarItem(
        icon: Icon(CupertinoIcons.shopping_cart),
        title: Text("购物车")
    ),
    BottomNavigationBarItem(
        icon: Icon(CupertinoIcons.profile_circled),
        title: Text("会员中心")
    ),
  ];

  final List<Widget> tabBodies = [
    HomePage(),
    CategoryPage(),
    CartPage(),
    MemberPage(),
  ];


  @override
  Widget build(BuildContext context) {
    print(MediaQuery.of(context).size);
    // print('设备像素密度:${ScreenUtil.pixelRatio}');
    // print('设备高:${ScreenUtil.screenHeight}');
    // print('设备宽:${ScreenUtil.screenWidth}');
    final size = MediaQuery.of(context).size;
    final widthNum = 750.0;
    final heightNum = widthNum * size.height / size.width;
    ScreenUtil.instance = ScreenUtil(width: widthNum, height: heightNum)..init(context);
    return Provide<CurrentIndexProvide>(
      builder: (context,child,val){
        int currentIndex = Provide.value<CurrentIndexProvide>(context).currentIndex;
        return Scaffold(
          backgroundColor: Color.fromRGBO(244, 245, 245, 1.0),
          bottomNavigationBar: BottomNavigationBar(
            type: BottomNavigationBarType.fixed,
            currentIndex: currentIndex,
            items: bottomTabs,
            onTap: (index){
                Provide.value<CurrentIndexProvide>(context).changeIndex(index);
            },
          ),
          body: IndexedStack(
            index: currentIndex,
            children: tabBodies,
          ),
        );
      },
    );
  }
}





//
// class IndexPage extends StatefulWidget {
//   @override
//   _IndexPageState createState() => _IndexPageState();
// }
//
// class _IndexPageState extends State<IndexPage> {
//   final List<BottomNavigationBarItem> bottomTabs = [
//      BottomNavigationBarItem(
//        icon: Icon(CupertinoIcons.home),
//        title: Text("首页")
//      ),
//      BottomNavigationBarItem(
//        icon: Icon(CupertinoIcons.search),
//        title: Text("分类")
//      ),
//      BottomNavigationBarItem(
//        icon: Icon(CupertinoIcons.shopping_cart),
//        title: Text("购物车")
//      ),
//      BottomNavigationBarItem(
//        icon: Icon(CupertinoIcons.profile_circled),
//        title: Text("会员中心")
//      ),
//   ];
//
//   final List<Widget> tabBodies = [
//     HomePage(),
//     CategoryPage(),
//     CartPage(),
//     MemberPage(),
//   ];
//
//   int currentIndex = 0;
//   var currentPage;
//
//   @override
//   void initState() {
//     // TODO: implement initState
//     currentPage = tabBodies[currentIndex];
//     super.initState();
//   }
//
//
//   @override
//   Widget build(BuildContext context) {
//     ScreenUtil.instance = ScreenUtil(width: 750, height: 1550)..init(context);
//     return Scaffold(
//       backgroundColor: Color.fromRGBO(244, 245, 245, 1.0),
//       bottomNavigationBar: BottomNavigationBar(
//         type: BottomNavigationBarType.fixed,
//         currentIndex: currentIndex,
//         items: bottomTabs,
//         onTap: (index){
//           setState(() {
//             currentIndex = index;
//             currentPage = tabBodies[currentIndex];
//           });
//         },
//       ),
//       body: IndexedStack(
//         index: currentIndex,
//         children: tabBodies,
//       ),
//     );
//   }
// }